<!DOCTYPE html>
<html>
<!--    条码追溯PC端-->
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
    <!-- 测试 清缓存，正式要去掉 -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>EasyWeb后台开发框架</title>
    <!--    <meta http-equiv="refresh" content="1">-->
    <!--    iview-css-->
    <link rel="stylesheet" href="/kbs/assets/libs/iview/iview.css"/>

    <!--    myCss-->
    <link rel="stylesheet" href="/kbs/assets/css/common.css"/>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body>

<div id="app">
    <template>
        <div style="background:#eee;padding: 7px;height: 100%">
            <!--            Title-->
            <!--<Row>
                <i-col span="24">
                    <Card style="height: 63px">
                        <div>
                            <Row>
                                <i-col span="21"
                                       style="text-align: center;color:#000 ;font-size: 27px; line-height: 30px">
                                    <span style="padding-left: 107px">创维自主MES系统 条码追溯</span>
                                </i-col>
                                <i-col span="3">
                                    <div id="time" style="line-height: 30px"></div>
                                </i-col>
                            </Row>
                        </div>
                    </Card>
                </i-col>
            </Row>-->
            <!--            查询-->
            <Row>
                <i-col span="24">
                    <Card class="padding-card" :padding="10">
                        <div>
                            <Row style="margin-bottom: 14px">
                                <i-col span="24">
                                    <i-form ref="orderSearch" :model="model.orderSearch"
                                            @submit.native.prevent="handleSubmit('orderSearch')">
                                        <Row :gutter="22">
                                            <i-col span="4">
                                                <Row :gutter="7">
                                                    <i-col span="7">
                                                        <div class="subTitle">条码类型</div>
                                                    </i-col>
                                                    <i-col span="17">
                                                        <form-item style="margin-bottom: 0px">
                                                            <i-select size="default"
                                                                      v-model="model.orderSearch.typeSelect"
                                                                      :label-in-value="true">
                                                                <i-option v-for="type in selectType "
                                                                          :value="type.value"
                                                                          :label="type.name">
                                                                    {{type.name}}
                                                                </i-option>
                                                            </i-select>
                                                        </form-item>
                                                    </i-col>
                                                </Row>
                                            </i-col>
                                            <i-col span="6">
                                                <i-col span="4">
                                                    <div class="subTitle">编号</div>
                                                </i-col>
                                                <i-col span="20">
                                                    <form-item prop="qrNum" style="margin-bottom: 10px">
                                                        <i-input type="text" v-model="model.orderSearch.qrNum"
                                                                 placeholder="请输入编号">
                                                        </i-input>
                                                    </form-item>
                                                </i-col>
                                            </i-col>
                                            <i-col span="4">
                                                <i-button type="primary" @click="handleSubmit('orderSearch')"
                                                          icon="ios-search">查找
                                                </i-button>
                                                <i-button @click="handleReset('orderSearch')"
                                                          style="margin-left: 8px"
                                                          icon="ios-repeat">重置
                                                </i-button>
                                            </i-col>
                                        </Row>
                                    </i-form>
                                </i-col>
                            </Row>
                            <!--            订单详情表格-->
                            <Row>
                                <i-col span="24">
                                    <i-Table stripe highlight-row :columns="tableBasic.orderSearch.orderColumns"
                                             :data="tableBasic.orderSearch.orderColumnsData"
                                             size="small"
                                             @on-row-click="orderClick" border></i-Table>
                                    <div style="margin: 10px 10px 0px 10px;overflow: hidden">
                                        <div style="float: right;">
                                            <Page v-show="tableBasic.orderSearch.show"
                                                  :total="tableBasic.orderSearch.total"
                                                  @on-change="changePage(tableBasic.orderSearch,$event)"
                                                  :page-size="10"
                                                  show-total>
                                        </div>
                                    </div>
                                </i-col>
                            </Row>
                        </div>
                    </Card>
                </i-col>
            </Row>
            <!--            各式详情信息-->
            <Row>
                <i-col span="24">
                    <Card class="padding-card">
                        <Row>
                            <i-col span="24">
                                <tabs size="small">
                                    <tab-pane label="BOM清单" name="bomDetails" icon="logo-tux">
                                        <Row>
                                            <i-col span="9">
                                                <Row :gutter="12">
                                                    <i-form ref="bomSearch" :model="model.bomSearch"
                                                            style="margin-bottom: 42px">
                                                        <i-col span="12">
                                                            <Row>
                                                                <i-col span="7">
                                                                    <div class="subTitle">物料编号</div>
                                                                </i-col>
                                                                <i-col span="17">
                                                                    <form-item prop="matnr"
                                                                               style="margin-bottom: 0px">
                                                                        <i-input type="text"
                                                                                 v-model="model.bomSearch.matnr"
                                                                                 placeholder="请输入物料编号">
                                                                        </i-input>
                                                                    </form-item>
                                                                </i-col>
                                                            </Row>
                                                        </i-col>
                                                        <i-col span="9">
                                                            <Row>
                                                                <i-col span="9">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <i-button type="primary"
                                                                                      @click="handleSubmit('bomSearch')"
                                                                                      icon="ios-funnel">筛选
                                                                            </i-button>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="9">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <i-button
                                                                                    @click="handleReset('bomSearch')"
                                                                                    icon="ios-repeat">重置
                                                                            </i-button>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                            </Row>
                                                        </i-col>
                                                    </i-form>
                                                </Row>
                                            </i-col>
                                            <i-col span="24">
                                                <i-Table stripe :columns="tableBasic.bomSearch.bomColumns"
                                                         :data="tableBasic.bomSearch.bomColumnsData"
                                                         size="small" border></i-Table>
                                                <div style="margin: 10px;overflow: hidden">
                                                    <div style="float: right;">
                                                        <Page v-show="tableBasic.bomSearch.show"
                                                              :total="tableBasic.bomSearch.total"
                                                              @on-change="changePage(tableBasic.bomSearch,$event)"
                                                              :page-size="10"
                                                              show-total>
                                                    </div>
                                                </div>
                                            </i-col>
                                        </Row>
                                    </tab-pane>
                                    </tab-pane>
                                    <tab-pane label="物料批次" name="materialDetails" icon="logo-apple">
                                        <Row :gutter="14">
                                            <!--                            物料信息左边表格详情-->
                                            <i-col span="14">
                                                <Row>
                                                    <!--                                    筛选条件组件-->
                                                    <i-col span="24">
                                                        <Row :gutter="9">
                                                            <i-form ref="materialSearch" :model="model.materialSearch">
                                                                <i-col span="5">
                                                                    <Row :gutter="4">
                                                                        <i-col span="9">
                                                                            <div class="subTitle">物料编号</div>
                                                                        </i-col>
                                                                        <i-col span="15">
                                                                            <form-item prop="matnr"
                                                                                       style="margin-bottom: 0px">
                                                                                <i-input type="text"
                                                                                         v-model="model.materialSearch.matnr"
                                                                                         placeholder="请输入物料编号">
                                                                                </i-input>
                                                                            </form-item>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="5">
                                                                    <Row :gutter="4">
                                                                        <i-col span="11">
                                                                            <div class="subTitle">供货商代码</div>
                                                                        </i-col>
                                                                        <i-col span="13">
                                                                            <form-item prop="supplierFacotryCode"
                                                                                       style="margin-bottom: 0px">
                                                                                <i-input type="text"
                                                                                         v-model="model.materialSearch.supplierFacotryCode"
                                                                                         placeholder="请输入代码">
                                                                                </i-input>
                                                                            </form-item>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="5">
                                                                    <Row :gutter="4">
                                                                        <i-col span="9">
                                                                            <div class="subTitle">生产批次</div>
                                                                        </i-col>
                                                                        <i-col span="15">
                                                                            <form-item prop="batchId"
                                                                                       style="margin-bottom: 0px">
                                                                                <i-input type="text"
                                                                                         v-model="model.materialSearch.batchId"
                                                                                         placeholder="请输入生产批次">
                                                                                </i-input>
                                                                            </form-item>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="5">
                                                                    <Row :gutter="4">
                                                                        <i-col span="7">
                                                                            <div class="subTitle">唯一码</div>
                                                                        </i-col>
                                                                        <i-col span="17">
                                                                            <form-item prop="uniqueCode"
                                                                                       style="margin-bottom: 0px">
                                                                                <i-input type="text"
                                                                                         v-model="model.materialSearch.uniqueCode"
                                                                                         placeholder="请输入唯一码">
                                                                                </i-input>
                                                                            </form-item>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="4">
                                                                    <Row :gutter="7">
                                                                        <i-col span="12">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <i-button type="primary"
                                                                                              @click="handleSubmit('materialSearch')"
                                                                                              icon="ios-funnel">筛选
                                                                                    </i-button>
                                                                                </i-col>
                                                                            </Row>
                                                                        </i-col>
                                                                        <i-col span="12">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <i-button
                                                                                            @click="handleReset('materialSearch')"
                                                                                            icon="ios-repeat">重置
                                                                                    </i-button>
                                                                                </i-col>
                                                                            </Row>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                            </i-form>
                                                        </Row>
                                                    </i-col>
                                                    <!--                                    辅助线-->
                                                    <i-col span="24">
                                                        <Divider/>
                                                    </i-col>
                                                    <!--                                    物料批次表格-->
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="24">
                                                                <i-Table stripe
                                                                         :columns="tableBasic.materialSearch.materialColumns"
                                                                         :data="tableBasic.materialSearch.materialColumnsData"
                                                                         size="small"
                                                                         @on-row-click="materialClick"
                                                                         border></i-Table>
                                                                <div style="margin: 10px;overflow: hidden">
                                                                    <div style="float: right;">
                                                                        <Page v-show="tableBasic.materialSearch.show"
                                                                              :total="tableBasic.materialSearch.total"
                                                                              @on-change="changePage(tableBasic.materialSearch,$event)"
                                                                              :page-size="10"
                                                                              show-total>
                                                                        </Page>
                                                                    </div>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                            </i-col>
                                            <!--                            物料信息右边条码单-->
                                            <i-col span="10">
                                                <!--                                / 代表双方共有，& 代表双方不共有，有或只有一项相同-->

                                                <!--                                Y / Z / S 类型-->
                                                <Row v-show="qrCodeY || qrCodeZ || qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>类型</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="7">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div>
                                                                                        <span>{{qrCodeBasic.batchType}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="17">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>创维物料编号</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.matnr}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                S 数量-->
                                                <Row v-show="qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>数量(PCS)</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.batchQuantity}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <!--                                            S 生产日期-->
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>生产日期</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.productionDate}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z & S 供应商代码-->
                                                <Row v-show="qrCodeY || qrCodeZ || qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>供应商代码</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.supplierFacotryCode}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9" v-show="!qrCodeS">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>数量 / 单位</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.quantity}} : {{qrCodeBasic.unit}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                            <i-col span="9" v-show="qrCodeS">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>产品名称</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.productionName}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z 唯一码-->
                                                <Row v-show="qrCodeY || qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>唯一码</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div style="font-size: 12px"><span>{{qrCodeBasic.uniqueCode}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>毛重 / 净重(KG)</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.grossWeight}} / {{qrCodeBasic.netWeigh}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y 工厂库位 & Z 工厂库位-->
                                                <Row v-show="!qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>工厂库位</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.factoryCode}} : {{qrCodeBasic.wareHouseCode}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <!--                                            Y 生产批次-->
                                                            <i-col span="9" v-show="qrCodeY">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>生产批次</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div>
                                                                                        <span>{{qrCodeBasic.batchId}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                            <!--                                            Z 生产日期-->
                                                            <i-col span="9" v-show="qrCodeZ">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>生产日期</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.productionDate}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z 采购订单编号-->
                                                <Row v-show="qrCodeY || qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>采购订单编号</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.purchasingOrder}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>包装箱尺寸(cm)</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.length}} * {{qrCodeBasic.width}} * {{qrCodeBasic.height}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y 品牌 & Z 生产批次-->
                                                <Row v-show="!qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <!--                                            Y 品牌-->
                                                            <i-col span="6" v-show="qrCodeY">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>品牌</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <!--                                            Z 生产批次-->
                                                            <i-col span="6" v-show="qrCodeZ">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>生产批次</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col v-show="qrCodeY" span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.brand}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col v-show="qrCodeZ" span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.batchId}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>出厂日期</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.deliveryDate}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y 制造商型号-->
                                                <Row v-show="qrCodeY">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>制造商型号</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.manufacturerModel}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>生产日期</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.productionDate}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Z 品牌-->
                                                <Row v-show="qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>品牌</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.brand}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>生产订单编号</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>{{qrCodeBasic.manufactureOrder}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Z 制造商型号-->
                                                <Row v-show="qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>制造商型号</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.manufacturerModel}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="9">
                                                                <Row>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div><span>生产箱号</span></div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                    <i-col span="12">
                                                                        <div class="table-border">
                                                                            <Row>
                                                                                <i-col span="24">
                                                                                    <div>
                                                                                        <span>{{qrCodeBasic.productionBoxNumber}}</span>
                                                                                    </div>
                                                                                </i-col>
                                                                            </Row>
                                                                        </div>
                                                                    </i-col>
                                                                </Row>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Z 销售项目编号-->
                                                <Row v-show="qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>销售项目编号</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.saleOrder}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z 产品名称-->
                                                <Row v-show="qrCodeY || qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>产品名称</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.productionName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y 供应商全称-->
                                                <Row v-show="qrCodeY">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>供应商全称</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.supplierFacotryName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z 制造商名称-->
                                                <Row v-show="qrCodeY || qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>制造商名称</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.manufacturerFactoryName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z 制造商地址-->
                                                <Row v-show="qrCodeY || qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>制造商地址</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.manufacturerFactoryName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                S 制造商全称-->
                                                <Row v-show="qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>制造商全称</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.manufacturerFactoryName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Z / S 供应商名称-->
                                                <Row v-show="qrCodeZ || qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>供应商名称</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.supplierFacotryName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / Z 供应商地址-->
                                                <Row v-show="qrCodeY || qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>供应商地址</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.supplierFacotryName}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Z 备注-->
                                                <Row v-show="qrCodeZ">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>备注</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.maktx}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                Y / S 原产地-->
                                                <Row v-show="qrCodeY || qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>原产地</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.countryOfOrigin}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                S 制造商型号-->
                                                <Row v-show="qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>制造商型号</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div>
                                                                                <span>{{qrCodeBasic.manufacturerModel}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                S 品牌-->
                                                <Row v-show="qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>品牌</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.brand}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                                <!--                                S 生产批次-->
                                                <Row v-show="qrCodeS">
                                                    <i-col span="24">
                                                        <Row>
                                                            <i-col span="6">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>生产批次</span></div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                            <i-col span="18">
                                                                <div class="table-border">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <div><span>{{qrCodeBasic.batchId}}</span>
                                                                            </div>
                                                                        </i-col>
                                                                    </Row>
                                                                </div>
                                                            </i-col>
                                                        </Row>
                                                    </i-col>
                                                </Row>
                                            </i-col>
                                        </Row>
                                    </tab-pane>
                                    <!--                                    <tab-pane label="工艺路径"  name= icon="logo-angular">Just to be developed!</tab-pane>-->
                                    <tab-pane label="过站记录" name="stationRecords" icon="ios-appstore">
                                        <Row>
                                            <i-col span="9">
                                                <Row :gutter="12">
                                                    <i-form ref="stationSearch" :model="model.stationSearch"
                                                            style="margin-bottom: 42px">
                                                        <i-col span="12">
                                                            <Row>
                                                                <i-col span="7">
                                                                    <div class="subTitle">条码</div>
                                                                </i-col>
                                                                <i-col span="17">
                                                                    <form-item prop="cCodeStrings"
                                                                               style="margin-bottom: 0px">
                                                                        <i-input type="text"
                                                                                 v-model="model.stationSearch.cCodeStrings"
                                                                                 placeholder="请输入条码">
                                                                        </i-input>
                                                                    </form-item>
                                                                </i-col>
                                                            </Row>
                                                        </i-col>
                                                        <i-col span="9">
                                                            <Row>
                                                                <i-col span="9">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <i-button type="primary"
                                                                                      @click="handleSubmit('stationSearch')"
                                                                                      icon="ios-funnel">筛选
                                                                            </i-button>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="9">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <i-button
                                                                                    @click="handleReset('stationSearch')"
                                                                                    icon="ios-repeat">重置
                                                                            </i-button>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                            </Row>
                                                        </i-col>
                                                    </i-form>
                                                </Row>
                                            </i-col>
                                            <i-col span="24">
                                                <i-Table stripe :columns="tableBasic.stationSearch.stationColumns"
                                                         :data="tableBasic.stationSearch.stationColumnsData"
                                                         size="small" border></i-Table>
                                                <div style="margin: 10px;overflow: hidden">
                                                    <div style="float: right;">
                                                        <Page v-show="tableBasic.stationSearch.show"
                                                              :total="tableBasic.stationSearch.total"
                                                              @on-change="changePage(tableBasic.stationSearch,$event)"
                                                              :page-size="10"
                                                              show-total>
                                                        </Page>
                                                    </div>
                                                </div>
                                            </i-col>
                                        </Row>
                                    </tab-pane>
                                    <tab-pane label="质检记录" name="qualityRecords" icon="ios-analytics">
                                        <Row>
                                            <!--<i-col span="9">
                                                <Row :gutter="12">
                                                    <i-form ref="qualitySearch" :model="model.qualitySearch"
                                                            style="margin-bottom: 42px">
                                                        <i-col span="12">
                                                            <Row>
                                                                <i-col span="7">
                                                                    <div class="subTitle">MES工单号</div>
                                                                </i-col>
                                                                <i-col span="17">
                                                                    <form-item prop="mesOrderId"
                                                                               style="margin-bottom: 0px">
                                                                        <i-input type="text"
                                                                                 v-model="model.qualitySearch.mesOrderId"
                                                                                 placeholder="请输入工单号">
                                                                        </i-input>
                                                                    </form-item>
                                                                </i-col>
                                                            </Row>
                                                        </i-col>
                                                        <i-col span="9">
                                                            <Row>
                                                                <i-col span="9">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <i-button type="primary"
                                                                                      @click="handleSubmit('qualitySearch')"
                                                                                      icon="ios-funnel">筛选
                                                                            </i-button>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                                <i-col span="9">
                                                                    <Row>
                                                                        <i-col span="24">
                                                                            <i-button
                                                                                    @click="handleReset('qualitySearch')"
                                                                                    icon="ios-repeat">重置
                                                                            </i-button>
                                                                        </i-col>
                                                                    </Row>
                                                                </i-col>
                                                            </Row>
                                                        </i-col>
                                                    </i-form>
                                                </Row>
                                            </i-col>-->
                                            <i-col span="24">
                                                <i-Table stripe :columns="tableBasic.qualitySearch.qualityColumns"
                                                         :data="tableBasic.qualitySearch.qualityColumnsData"
                                                         size="small" border></i-Table>
                                                <div style="margin: 10px;overflow: hidden">
                                                    <div style="float: right;">
                                                        <Page v-show="tableBasic.qualitySearch.show"
                                                              :total="tableBasic.qualitySearch.total"
                                                              @on-change="changePage(tableBasic.qualitySearch,$event)"
                                                              :page-size="10"
                                                              show-total>
                                                    </div>
                                                </div>
                                            </i-col>
                                        </Row>
                                    </tab-pane>
                                    <!--                                    <tab-pane label="包装记录"  name="packRecords" icon="md-wifi">Just to be developed!</tab-pane>-->
                                    <tab-pane label="维修记录" name="repairRecords" icon="logo-xbox">
                                        <i-col span="24">
                                            <i-Table stripe :columns="tableBasic.repairSearch.repairColumns"
                                                     :data="tableBasic.repairSearch.repairColumnsData"
                                                     size="small" border></i-Table>
                                            <div style="margin: 10px;overflow: hidden">
                                                <div style="float: right;">
                                                    <Page v-show="tableBasic.repairSearch.show"
                                                          :total="tableBasic.repairSearch.total"
                                                          @on-change="changePage(tableBasic.repairSearch,$event)"
                                                          :page-size="10"
                                                          show-total>
                                                </div>
                                            </div>
                                        </i-col>
                                    </tab-pane>
                                    <!--                                    <tab-pane label="老化记录" icon="burnInRecords" ios-aperture">Just to be developed!</tab-pane>-->
                                    <tab-pane label="基本信息" name="basicNote" icon="logo-windows">
                                        <Row :gutter="7">
                                            <i-col span="24" style="margin-bottom: 5px">
                                                <List size="large" border>
                                                    <list-item>
                                                        <li>当前选择MES工单号 :&nbsp&nbsp</li>
                                                        <li>
                                                            <span style="font-size: 17px">{{clickObj.id}}</span>
                                                        </li>
                                                    </list-item>
                                                </List>
                                            </i-col>
                                            <i-col span="6">
                                                <List border>
                                                    <list-item>
                                                        <li>MES工单号 :&nbsp&nbsp{{clickObj.id}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>SAP工单号 :&nbsp&nbsp{{clickObj.aufnr}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>销售单号 :&nbsp&nbsp{{clickObj.kdauf}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>销售订单项次 :&nbsp&nbsp{{clickObj.kdpos}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>物料编号 :&nbsp&nbsp{{clickObj.matnr}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>物料描述 :&nbsp&nbsp{{clickObj.maktx}}</li>
                                                    </list-item>
                                                </List>
                                            </i-col>
                                            <i-col span="4">
                                                <List border>
                                                    <list-item>
                                                        <li>生产线 :&nbsp&nbsp{{clickObj.fevorName}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>工厂 :&nbsp&nbsp{{clickObj.dwerkName}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>计划数量 :&nbsp&nbsp{{clickObj.gamng}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>投入数量 :&nbsp&nbsp{{clickObj.tlmng}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>完工数量 :&nbsp&nbsp{{clickObj.wgmng}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>报工数量 :&nbsp&nbsp{{clickObj.bgmng}}</li>
                                                    </list-item>
                                                </List>
                                            </i-col>
                                            <i-col span="4">
                                                <List border>
                                                    <list-item>
                                                        <li>质检异常数量 :&nbsp&nbsp{{clickObj.ycmng}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>sap系统状态 :&nbsp&nbsp{{clickObj.stat}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>sap时间 :&nbsp&nbsp{{clickObj.gstrp}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>计划类型 :&nbsp&nbsp{{clickObj.auart}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>MES工单状态 :&nbsp&nbsp{{clickObj.orderStatusName}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>工艺版本 :&nbsp&nbsp{{clickObj.version}}</li>
                                                    </list-item>
                                                </List>
                                            </i-col>
                                            <i-col span="6">
                                                <List border>
                                                    <list-item>
                                                        <li>MES计划号 :&nbsp&nbsp{{clickObj.mesPlanNo}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>六日计划号 :&nbsp&nbsp{{clickObj.planNo}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>机型 :&nbsp&nbsp{{clickObj.type}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>机芯 :&nbsp&nbsp{{clickObj.module}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>配屏 :&nbsp&nbsp{{clickObj.screen}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>单位 :&nbsp&nbsp{{clickObj.gmein}}</li>
                                                    </list-item>
                                                </List>
                                            </i-col>
                                            <i-col span="4">
                                                <List border>
                                                    <list-item>
                                                        <li>订单类型 :&nbsp&nbsp{{clickObj.orderTypeName}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>工艺状态 :&nbsp&nbsp{{clickObj.techStatusName}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>标准工时 :&nbsp&nbsp{{clickObj.vgw01}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>标准工时单位 :&nbsp&nbsp{{clickObj.vge01}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>产品类型 :&nbsp&nbsp{{clickObj.productTypeName}}</li>
                                                    </list-item>
                                                    <list-item>
                                                        <li>内外销 :&nbsp&nbsp{{clickObj.outSale}}</li>
                                                    </list-item>
                                                </List>
                                            </i-col>
                                        </Row>
                                    </tab-pane>
                                </tabs>
                            </i-col>
                        </Row>
                    </Card>
                </i-col>
            </Row>
        </div>
    </template>
</div>

</body>
<!-- js部分 -->
<script type="text/javascript" src="/kbs/assets/libs/jquery/jquery.js"></script>
<script src="/kbs/assets/libs/vue/vue.js"></script>
<script type="text/javascript" src="/kbs/assets/libs/iview/iview.min.js"></script>
<script type="text/javascript" src="/kbs/assets/libs/iview/zh-CN.js"></script>
<script type="text/javascript" src="/kbs/assets/js/util.js?"+Math.random();></script>
<script type="text/javascript" src="/kbs/assets/js/tools.js?"+Math.random();></script>

<script>
    iview.lang('zh-CN');
    var qgInter;
    var vm = new Vue({
        el: '#app',
        data: {
            // 行单击保留对象
            clickObj: {
                abnormal: '',
                assembleType: '',
                auart: '',
                aufnr: '',
                bak: '',
                bgmng: '',
                bomFactoryCode: '',
                createTime: '',
                dwerk: '',
                dwerkName: '',
                executionTime: '',
                fevor: '',
                fevorName: '',
                gamng: '',
                gmein: '',
                gstrp: '',
                id: '',
                kdauf: '',
                kdpos: '',
                maktx: '',
                matnr: '',
                mesPlanNo: '',
                module: '',
                orderStatus: '',
                orderStatusName: '',
                orderType: '',
                orderTypeName: '',
                outSale: '',
                planNo: '',
                productType: '',
                productTypeName: '',
                screen: '',
                stat: '',
                techStatus: '',
                techStatusName: '',
                tlmng: '',
                todayTlmng: '',
                todayWgmng: '',
                todayYcmng: '',
                type: '',
                version: '',
                vge01: '',
                vgw01: '',
                wgmng: '',
                ycmng: '',

            },
            // 下拉框选择绑定的数据源
            selectType: [
                {name: 'MES工单号', value: 1},
                {name: 'SAP工单号', value: 2},
                {name: '销售订单号', value: 3},
                {name: '产品条码', value: 4},
                {name: '物料批次唯一码', value: 5},
                {name: '物料批次', value: 6},
                {name: '物料编号', value: 7},
                {name: '供应商代码', value: 8},

            ],
            // 表单model
            model: {
                // 订单查询model
                orderSearch: {
                    typeSelect: 1,
                    qrNum: ''
                },
                // bom清单model
                bomSearch: {
                    matnr: '',        // 物料编号
                },
                // 物料批次model
                materialSearch: {
                    matnr: '',        // 物料编号
                    supplierFacotryCode: '',    // 供货商代码
                    batchId: '',            // 生产批次
                    uniqueCode: '',         // 唯一码
                },
                // 过站记录model
                stationSearch: {
                    cCodeStrings: ''
                },
                // 质检记录model
                qualitySearch: {
                    mesOrderId: ''
                }
            },
            // 表格基本信息
            tableBasic: {
                orderSearch: {
                    name: 'orderSearch',
                    total: 0,
                    changePage: 1,
                    show: false,
                    orderColumns: [
                        {
                            title: '#',
                            type: 'index',
                            align: 'center',
                            width: '57'
                        },
                        {
                            title: '订单号',
                            key: 'kdauf',
                            align: 'center'
                        },
                        {
                            title: '工单号',
                            key: 'aufnr',
                            align: 'center'
                        },
                        {
                            title: '工单数量',
                            key: 'gamng',
                            align: 'center'
                        },
                        {
                            title: '完工数量',
                            key: 'wgmng',
                            align: 'center'
                        },
                        {
                            title: '产品BOM',
                            key: 'matnr',
                            align: 'center',
                            minWidth: 70
                        },
                        {
                            title: '产品类型',
                            key: 'productTypeName',
                            align: 'center'
                        },
                        {
                            title: '机型',
                            key: 'type',
                            align: 'center'
                        },
                        {
                            title: '机芯',
                            key: 'module',
                            align: 'center'
                        },
                        {
                            title: '线体',
                            key: 'fevorName',
                            align: 'center'
                        },
                        {
                            title: '工厂',
                            key: 'dwerkName',
                            align: 'center'
                        },
                        {
                            title: '计划日期',
                            key: 'gstrp',
                            align: 'center'
                        },
                    ],
                    orderColumnsData: []
                },
                bomSearch: {
                    name: 'bomSearch',
                    total: 0,
                    changePage: 1,
                    show: false,
                    bomColumns: [
                        {
                            title: '#',
                            type: 'index',
                            align: 'center',
                            width: '77'
                        },
                        {
                            title: '物料编号',
                            key: 'matnr',
                            align: 'center'
                        },
                        {
                            title: '工厂编号',
                            key: 'werks',
                            align: 'center'
                        },
                        {
                            title: '物料描述',
                            key: 'maktx',
                            align: 'center',
                            minWidth: 120
                        },
                        {
                            title: '需求数量',
                            key: 'bdmng',
                            align: 'center'
                        },
                        {
                            title: '提货数',
                            key: 'enmng',
                            align: 'center'
                        },
                        {
                            title: '数量单位',
                            key: 'erfme',
                            align: 'center'
                        }
                    ],
                    bomColumnsData: []
                },
                materialSearch: {
                    name: 'materialSearch',
                    total: 0,
                    changePage: 1,
                    show: false,
                    materialColumns: [
                        {
                            title: '物料编号',
                            key: 'matnr',
                            align: 'center'
                        },
                        {
                            title: '物料名称',
                            key: 'maktx',
                            align: 'center'
                        },
                        {
                            title: '供货商代码',
                            key: 'supplierFacotryCode',
                            align: 'center'
                        },
                        {
                            title: '生产批次',
                            key: 'batchId',
                            align: 'center'
                        },
                        {
                            title: '唯一码',
                            key: 'uniqueCode',
                            align: 'center'
                        },
                        {
                            title: '用量',
                            key: 'quantity',
                            align: 'center'
                        },
                        {
                            title: '扫描时间',
                            key: 'updateTime',
                            align: 'center'
                        },

                    ],
                    materialColumnsData: []
                },
                stationSearch: {
                    name: 'stationSearch',
                    total: 0,
                    changePage: 1,
                    show: false,
                    stationColumns: [
                        {
                            title: '#',
                            type: 'index',
                            align: 'center',
                            width: '57'
                        },
                        {
                            title: '工位编号',
                            key: 'workstationCode',
                            align: 'center'
                        },
                        {
                            title: '站点名称',
                            key: 'workstationName',
                            align: 'center'
                        },
                        {
                            title: '工序',
                            key: 'wProcedureName',
                            align: 'center'
                        },
                        {
                            title: '条码',
                            key: 'cCodeStrings',
                            align: 'center'
                        },
                        {
                            title: '过站时间',
                            key: 'outTime',
                            align: 'center'
                        }
                    ],
                    stationColumnsData: []
                },
                qualitySearch: {
                    name: 'qualitySearch',
                    total: 0,
                    changePage: 1,
                    show: false,
                    qualityColumns: [
                        {
                            title: '工单号',
                            key: 'mesOrderId',
                            align: 'center'
                        },
                        {
                            title: 'sap订单号',
                            key: 'aufnr',
                            align: 'center'
                        },
                        {
                            title: '条码',
                            key: 'cCodeStrings',
                            align: 'center'
                        },
                        {
                            title: '一级故障',
                            key: 'qualityFirstName',
                            align: 'center'
                        },
                        {
                            title: '一级故障类型',
                            key: 'qualityFirstType',
                            align: 'center'
                        },
                        {
                            title: '二级故障',
                            key: 'qualitySecondName',
                            align: 'center'
                        },
                        {
                            title: '二级故障类型',
                            key: 'qualitySecondType',
                            align: 'center'
                        },
                        {
                            title: '检验时间',
                            key: 'checkTime',
                            align: 'center'
                        },
                    ],
                    qualityColumnsData: []
                },
                repairSearch: {
                    name: 'repairSearch',
                    total: 0,
                    changePage: 1,
                    show: false,
                    repairColumns: [
                        {
                            title: '工单号',
                            key: 'aufnr',
                            align: 'center'
                        },
                        {
                            title: '条码',
                            key: 'cCodeStrings',
                            align: 'center'
                        },
                        {
                            title: '故障一级分类',
                            key: 'repairFirstName',
                            align: 'center'
                        },
                        {
                            title: '故障二级分类',
                            key: 'repairSecondName',
                            align: 'center'
                        },
                        {
                            title: '故障原因',
                            key: 'reason',
                            align: 'center'
                        },
                        {
                            title: '解决方案',
                            key: 'solution',
                            align: 'center'
                        },
                        {
                            title: '维修人员',
                            key: 'repairman',
                            align: 'center'
                        },
                        {
                            title: '维修时间',
                            key: 'repairTime',
                            align: 'center'
                        },

                    ],
                    repairColumnsData: []
                }
            },
            // 标签单显示的Boolean
            qrCodeY: false,
            qrCodeZ: false,
            qrCodeS: true,
            // 标签单的基本信息
            qrCodeBasic: {      // 存放qrCode的信息
                aufnr: '',      // SAP工单号
                kdauf: '',      // 销售单号
                cCodeType: '',  // 条码类型
                batchType: '',  // 批次类型
                batchId: '',    // 批次号
                uniqueCode: '', // 唯一码
                matnr: '',      // 物料编号
                productionName: '',     // 产品名称
                supplierFacotryCode: '',    // 供应商代码
                supplierFacotryName: '',    // 供应商
                manufacturerFactoryName: '', // 制造商
                manufacturerModel: '',      //制造商型号
                purchasingOrder: '',        //采购订单
                countryOfOrigin: '',         //原产地
                brand: '',      //品牌
                batchQuantity: '',       //批次数量
                unit: '',       //单位
                productionDate: '',       //生产日期
                deliveryDate: '',     //出厂日期
                length: '',     //长
                width: '',      //宽
                height: '',     //高
                factoryCode: '',        //工厂代码
                wareHouseCode: '',      //工厂库位
                grossWeight: '',        //毛重
                netWeigh: '',       //净重
                manufactureOrder: '',       //生产订单编号
                saleOrder: '',      //销售订单编号
                productionBoxNumber: '',        //生产箱号
                maktx: '',       //物料描述
                updateTime: ''      // 扫描时间
            },
        },
        created: function () {
            // 先检测cookie
            yvan.passCookie();
            // 检测浏览器
            // yvan.passChrome();
        },
        methods: {
            // 按钮 （提交 --- 筛选） 事件
            handleSubmit: function (name) {
                console.log(this.$refs[name]);
                // 订单工单
                if (name == 'orderSearch') {
                    vm.tableBasic.orderSearch.show = true;
                    vm.tableBasic.bomSearch.show = true;
                    vm.tableBasic.materialSearch.show = true;
                    vm.tableBasic.stationSearch.show = true;
                    vm.tableBasic.qualitySearch.show = true;
                    vm.tableBasic.repairSearch.show = true;
                    /*
                    * 参数选配
                    * (int start,int limit,String factoryCode,String lineCode,String aufnr,Long st,Long ft,Integer orderType,Integer orderStatus,Integer abnormal)
                    * */
                    util.requestget('/mes/kb/getProductTrace?start=0&limit=10&codeType=' + vm.model.orderSearch.typeSelect +
                        '&qRCode=' + vm.model.orderSearch.qrNum, {
                        success: e => {
                            console.log(e);
                            this.$Message.success({
                                content: '请求成功',
                                duration: 2
                            });
                            // 计算total
                            vm.tableBasic.orderSearch.total = e.total;
                            var orderColumnsData = e.result;
                            for (var i = 0; i < orderColumnsData.length; i++) {
                                orderColumnsData[i].gstrp = yvan.getMyDate(orderColumnsData[i].gstrp, 'y-m-d');
                            }
                            vm.tableBasic.orderSearch.orderColumnsData = orderColumnsData;
                        },
                        error: e => {
                            this.$Message.error({
                                content: '请求失败，请检查接口是否异常！',
                                duration: 4
                            });
                        }
                    });
                }
                // bom清单
                if (name == 'bomSearch') {
                    util.requestget('/mes/bom/getMesOrderBomMeterial?start=0&limit=10&version=001'
                        + '&matnr=' + vm.model.bomSearch.matnr
                        + '&mesOrderId=' + vm.clickObj.id,
                        function (e) {
                            vm.tableBasic.bomSearch.total = e.total;
                            vm.tableBasic.bomSearch.bomColumnsData = e.result;
                        });
                }
                // 物料批次
                if (name == 'materialSearch') {
                    /*vm.materialColumnsData = vm.materialColumnsDataBack;
                                    var materialConditionObj = yvan.getNoNullValueObj(vm.materialSearch);        // 得到新的search条件含参数的对象
                                    vm.materialColumnsData = yvan.filterObjArray(vm.materialColumnsData, materialConditionObj);     // 得到过滤后的数组赋值给data
                                    if (Object.keys(materialConditionObj).length === 0) {
                                        vm.materialColumnsData = vm.materialColumnsDataBack;
                                    }*/
                    // 物料批次
                    console.log(vm.model.materialSearch);
                    util.requestget('/mes/kb/getMesOrderProductionBatch?start=0&limit=10'
                        + '&matnr=' + vm.model.materialSearch.matnr
                        + '&supplierFacotryCode=' + vm.model.materialSearch.supplierFacotryCode
                        + '&batchId=' + vm.model.materialSearch.batchId
                        + '&uniqueCode=' + vm.model.materialSearch.uniqueCode
                        + '&mesOrderId=' + vm.clickObj.id, function (e) {
                        vm.tableBasic.materialSearch.total = e.total;
                        var materialColumnsData = e.result;
                        for (let i = 0; i < materialColumnsData.length; i++) {
                            materialColumnsData[i].updateTime = yvan.getMyDate(materialColumnsData[i].updateTime, 'y-m-d');
                        }
                        vm.tableBasic.materialSearch.materialColumnsData = materialColumnsData;
                        console.log(e);
                    });
                }
                // 过站记录
                if (name == 'stationSearch') {
                    util.requestget('/mes/order/getPassSiteInfo?start=0&limit=10'
                        + '&mesOrderId=' + vm.clickObj.id
                        + '&cCodeStrings=' + vm.model.stationSearch.cCodeStrings,
                        function (e) {
                            vm.tableBasic.stationSearch.total = e.total;
                            var stationColumnsData = e.result;
                            for (let i = 0; i < stationColumnsData.length; i++) {
                                stationColumnsData[i].outTime = yvan.getMyDate(stationColumnsData[i].outTime, 'y-m-d-h-i-s');
                            }
                            vm.tableBasic.stationSearch.stationColumnsData = stationColumnsData;
                        }
                    );
                }
                // 质检记录
                if (name == 'qualitySearch') {
                    util.requestget('/mes/order/getProductQuality?start=0&limit=10'
                        + '&mesOrderId=' + vm.model.qualitySearch.mesOrderId,
                        function (e) {
                            vm.tableBasic.qualitySearch.total = e.total;
                            var qualityColumnsData = e.result;
                            for (let i = 0; i < qualityColumnsData.length; i++) {
                                qualityColumnsData[i].checkTime = yvan.getMyDate(qualityColumnsData[i].checkTime, 'y-m-d-h-i-s');
                            }
                            vm.tableBasic.qualitySearch.qualityColumnsData = qualityColumnsData;
                        });
                }

            },

            // 订单工单列表行单击事件
            orderClick: function (res) {
                console.log(res);
                vm.clickObj = res;
                console.log(vm.clickObj);
                // 用于点击新工单删除保留在data下的查询条件，避免分页失效
                /*for(var item in vm.model.stationSearch){
                    vm.model.stationSearch[item] = '';
                }*/
                // BOM清单
                util.requestget('/mes/bom/getMesOrderBomMeterial?start=0&limit=10&version=001&mesOrderId=' + res.id, function (e) {
                    vm.tableBasic.bomSearch.total = e.total;
                    vm.tableBasic.bomSearch.bomColumnsData = e.result;
                });
                // 物料批次
                /*util.requestget('/mes/kb/getMesOrderProductionBatch?start=0&limit=10&mesOrderId=' + res.id, function (e) {
                    vm.tableBasic.materialSearch.total = e.total;
                    var materialColumnsData = e.result;
                    for (let i = 0; i < materialColumnsData.length; i++) {
                        materialColumnsData[i].updateTime = yvan.getMyDate(materialColumnsData[i].updateTime, 'y-m-d');
                    }
                    vm.tableBasic.materialSearch.materialColumnsData = materialColumnsData;
                });*/
                yvan.getClickDataOnMesOrderId('/mes/kb/getMesOrderProductionBatch?start=0&limit=10&mesOrderId=', {
                    id: vm.clickObj.id,
                    search: 'materialSearch',
                    columnsData: 'materialColumnsData',
                    time: 'updateTime',
                    tTimeFormat: 'y-m-d-h-i-s'
                });
                // 过站记录
                yvan.getClickDataOnMesOrderId('/mes/order/getPassSiteInfo?start=0&limit=10&mesOrderId=', {
                    id: vm.clickObj.id,
                    search: 'stationSearch',
                    columnsData: 'stationColumnsData',
                    time: 'outTime',
                    tTimeFormat: 'y-m-d-h-i-s'
                });
                // 质检记录
                yvan.getClickDataOnMesOrderId('/mes/order/getProductQuality?start=0&limit=10&mesOrderId=', {
                    id: vm.clickObj.id,
                    search: 'qualitySearch',
                    columnsData: 'qualityColumnsData',
                    time: 'checkTime',
                    tTimeFormat: 'y-m-d-h-i-s'
                });
                // 维修记录
                yvan.getClickDataOnMesOrderId('/mes/order/getProductRepair?start=0&limit=10&mesOrderId=', {
                    id: vm.clickObj.id,
                    search: 'repairSearch',
                    columnsData: 'repairColumnsData',
                    time: 'repairTime',
                    tTimeFormat: 'y-m-d-h-i-s'
                });
            },

            // 下一页分页事件
            changePage: function (obj, changePage) {
                // 订单工单分页
                if (obj.name == 'orderSearch') {
                    vm.tableBasic.orderSearch.changePage = changePage;      // 把更改的第几页绑定到data
                    util.requestget('/mes/kb/getProductTrace?'
                        + 'start=' + ((vm.tableBasic.orderSearch.changePage - 1) * 10)
                        + '&limit=10&codeType=' + vm.model.orderSearch.typeSelect
                        + '&qRCode=' + vm.model.orderSearch.qrNum,
                        function (e) {
                            var orderColumnsData = e.result;
                            for (let i = 0; i < orderColumnsData.length; i++) {
                                orderColumnsData[i].gstrp = yvan.getMyDate(orderColumnsData[i].gstrp, 'y-m-d');
                            }
                            console.log(orderColumnsData);
                            vm.tableBasic.orderSearch.orderColumnsData = orderColumnsData;
                        });
                }
                // bom清单分页
                if (obj.name == 'bomSearch') {
                    vm.tableBasic.bomSearch.changePage = changePage;      // 把更改的第几页绑定到data
                    util.requestget('/mes/bom/getMesOrderBomMeterial?'
                        + 'start=' + ((vm.tableBasic.bomSearch.changePage - 1) * 10)
                        + '&limit=10'
                        + '&matnr=' + vm.model.bomSearch.matnr
                        + '&mesOrderId=' + vm.clickObj.id,
                        function (e) {
                            vm.tableBasic.bomSearch.total = e.total;
                            vm.tableBasic.bomSearch.bomColumnsData = e.result;
                        });
                }
                // 物料批次分页
                if (obj.name == 'materialSearch') {
                    vm.tableBasic.materialSearch.changePage = changePage;      // 把更改的第几页绑定到data
                    util.requestget('/mes/kb/getMesOrderProductionBatch?'
                        + 'start=' + ((vm.tableBasic.materialSearch.changePage - 1) * 10)
                        + '&limit=10'
                        + '&matnr=' + vm.model.materialSearch.matnr
                        + '&supplierFacotryCode=' + vm.model.materialSearch.supplierFacotryCode
                        + '&batchId=' + vm.model.materialSearch.batchId
                        + '&uniqueCode=' + vm.model.materialSearch.uniqueCode
                        + '&mesOrderId=' + vm.clickObj.id,
                        function (e) {
                            vm.tableBasic.materialSearch.total = e.total;
                            var materialColumnsData = e.result;
                            for (let i = 0; i < materialColumnsData.length; i++) {
                                materialColumnsData[i].updateTime = yvan.getMyDate(materialColumnsData[i].updateTime, 'y-m-d');
                            }
                            vm.tableBasic.materialSearch.materialColumnsData = materialColumnsData;
                        });
                }
                // 过站记录分页
                if (obj.name == 'stationSearch') {
                    vm.tableBasic.stationSearch.changePage = changePage;      // 把更改的第几页绑定到data
                    util.requestget('/mes/order/getPassSiteInfo?'
                        + 'start=' + ((vm.tableBasic.stationSearch.changePage - 1) * 10)
                        + '&limit=10'
                        + '&mesOrderId=' + vm.clickObj.id
                        + '&cCodeStrings=' + vm.model.stationSearch.cCodeStrings,
                        function (e) {
                            vm.tableBasic.stationSearch.total = e.total;
                            var stationColumnsData = e.result;
                            for (let i = 0; i < stationColumnsData.length; i++) {
                                stationColumnsData[i].outTime = yvan.getMyDate(stationColumnsData[i].outTime, 'y-m-d-h-i-s');
                            }
                            vm.tableBasic.stationSearch.stationColumnsData = stationColumnsData;
                        });
                }
                // 质检记录分页
                if (obj.name == 'qualitySearch') {
                    vm.tableBasic.qualitySearch.changePage = changePage;      // 把更改的第几页绑定到data
                    util.requestget('/mes/order/getProductQuality?'
                        + 'start=' + ((vm.tableBasic.qualitySearch.changePage - 1) * 10)
                        + '&limit=10'
                        + '&mesOrderId=' + vm.clickObj.id,
                        function (e) {
                            vm.tableBasic.qualitySearch.total = e.total;
                            var qualityColumnsData = e.result;
                            for (let i = 0; i < qualityColumnsData.length; i++) {
                                qualityColumnsData[i].checkTime = yvan.getMyDate(qualityColumnsData[i].checkTime, 'y-m-d-h-i-s');
                            }
                            vm.tableBasic.qualitySearch.qualityColumnsData = qualityColumnsData;
                        });
                }
                // 维修记录分页
                if (obj.name == 'repairSearch') {
                    vm.tableBasic.repairSearch.changePage = changePage;      // 把更改的第几页绑定到data
                    util.requestget('/mes/order/getProductRepair?'
                        + 'start=' + ((vm.tableBasic.repairSearch.changePage - 1) * 10)
                        + '&limit=10'
                        + '&mesOrderId=' + vm.clickObj.id,
                        function (e) {
                            vm.tableBasic.repairSearch.total = e.total;
                            var repairColumnsData = e.result;
                            for (let i = 0; i < repairColumnsData.length; i++) {
                                repairColumnsData[i].repairTime = yvan.getMyDate(repairColumnsData[i].repairTime, 'y-m-d-h-i-s');
                            }
                            vm.tableBasic.repairSearch.repairColumnsData = repairColumnsData;
                        });
                }
            },

            // 物料列表行单击事件
            materialClick: function (res) {
                // 判断是什么类型的物料展示不同的qrCode条码单
                if (res.batchType == 'Y') {
                    vm.qrCodeY = true;
                    vm.qrCodeS = false;
                    vm.qrCodeZ = false;
                } else if (res.batchType == 'Z') {
                    vm.qrCodeY = false;
                    vm.qrCodeS = false;
                    vm.qrCodeZ = true;
                } else {
                    vm.qrCodeY = false;
                    vm.qrCodeS = true;
                    vm.qrCodeZ = false;
                }
                vm.qrCodeBasic = res;
            },

            // 筛选重置按钮方法
            handleReset: function (Reset) {
                this.$refs[Reset].resetFields();
            },

            // 条码工单表格分页显示行数
            /*orderChangePageSize: function (changePageSize) {
                vm.tableBasic.changePageSize = changePageSize;      // 把更改的显示页数绑定到data
                util.requestget('/mes/kb/getProductTrace?start=0&limit=' + vm.tableBasic.changePageSize +
                    '&codeType=' + vm.qrCodeSearch.typeSelect +
                    '&qRCode=' + vm.qrCodeSearch.qrNum, function (e) {
                    vm.tableBasic.qrCodeSearchTotal = e.total;
                    vm.tableBasic.tablePageShow.qrCodeSearch = true;
                    var qrCodeColumnsData = e.result;
                    for (var i = 0; i < qrCodeColumnsData.length; i++) {
                        qrCodeColumnsData[i].planDate = yvan.getMyDate(qrCodeColumnsData[i].planDate, 'y-m-d');
                        qrCodeColumnsData[i].inTime = yvan.getMyDate(qrCodeColumnsData[i].inTime, 'y-m-d');
                        qrCodeColumnsData[i].outTime = yvan.getMyDate(qrCodeColumnsData[i].outTime, 'y-m-d');
                    }
                    vm.qrCodeColumnsData = qrCodeColumnsData;
                });
            },*/
        }
    })

    // 102000026143 -- Y
    // 501000217831 -- Y / Z
    // 1970171M   销单号
</script>
</html>
